@charset "utf-8";
/* CSS Document */
* {
    margin  : 0px;
    padding : 0px;
}

body {
    width       : 100%;
    background  : url("../images/bg2.jpg") repeat-x scroll 0 0 #D4D4D4;
    color       : #000000;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 12px;
    height      : auto;
    margin      : 0 auto;
    text-align  : center;

}

.fll {
    float   : left;
    display : inline;
}

.flr {
    float   : right;
    display : inline;
}

.clb {
    clear : both;
}

.full {
    width : 100%;
}

img {
    border : 0px;
}

a:link, a:visited {
    text-decoration : none;
}

ul {
    padding : 0px;
}

ul li {
    list-style : none;
}

#vs_wrapper {
    background-color : #FFFFFF;
    display          : block;
    margin           : 0 auto;
    width            : 1016px;
}

#banner {
    height : 151px;
}
#menu{
    background: url("../images/bg-menu.jpg") repeat-x scroll 0 0 transparent;
    text-align:left;
    height: 31px;
    width: 100%;
    position: relative;
}
#menu ul{
    height:100%;
}
#menu ul li{
    display:inline-block;
    height:100%;
    vertical-align:bottom;
    line-height:34px;
}
#menu li:hover{
    background: url("../images/bg-menu-active.jpg") repeat-x scroll 0 0 transparent;
}
#menu li:hover a{color:#000;}
#menu li:hover ul{
    display: block;
}
#menu ul li a{
    font-weight:bold;
    color:#fff;
    padding:5px 20px;
}
#menu ul .active{
    background: url("../images/bg-menu-active.jpg") repeat-x scroll 0 0 transparent;
}
#menu ul .active a,#menu ul li a:hover{
    color:#000;
}
.submenu{
    background: url("../images/bg-menu-sub.jpg") repeat-x scroll 0 0 transparent !important;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    width: 1084px;
    float:left;
    display:none;
    position: absolute;
    top:30px;
    left: 0px;
}
.submenu li{
    display:inline;
    height:100%;
    margin:0 20px;
}
.submenu ul li a{
    color: #909090;
    height: 16px;
    text-decoration: none;
    font-size:11px;
}
#submenu{
    background: url("../images/bg-menu-sub.jpg") repeat-x scroll 0 0 transparent;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    width: 100%;
}
#submenu ul li{
    display:inline;
    height:100%;
    margin:0 20px;
}
#submenu ul{
    float:left;
}
#submenu ul li a{
    color: #909090;
    height: 16px;
    text-decoration: none;
    font-size:11px;
}

#vs_mainbody { padding : 0px 10px; }

#top_body .icon-news { float : left; width : 145px; text-align : left; padding : 15px 0; }

#top_body .icon-news span { font-weight : bold; }

#top_body .title-news { float : left; width : 300px; padding : 15px 0; }

.left-top-search {
    float  : right;
    height : 42px;
    width  : 500px;
}

.form-search {
    background : url("../images/bg_search.jpg") no-repeat left top transparent;
    height     : 42px;
    width      : 130px;
}

.form-search input {
    border    : 0 none;
    color     : #000000;
    float     : left;
    font-size : 11px;
    height    : 15px;
    margin    : 16px 8px 0 7px;
    width     : 115px;
}

.left-top-search .product { float : right; padding : 15px 0; }

.icon-search { padding : 15px 0; }

.language { padding : 15px 0; margin-left : 134px; }

.main-left { width : 778px; }

.main-cat { width : 383px; }

.cat-left { margin : 0 10px 10px 0; }

.main-cat .name {
    background     : url("../images/bg_cat_home.jpg") no-repeat scroll 0 0 transparent;
    color          : #FFFFFF;
    font-weight    : bold;
    height         : 33px;
    margin-top     : 5px;
    padding-left   : 40px;
    padding-top    : 9px;
    text-align     : left;
    text-transform : uppercase;
    width          : 383px;
}

.main-cat .content { border : 1px solid #ccc; padding : 10px; font-size : 12px; width : 361px; }

.main-cat .content .title { text-align : left; }

.main-cat .content .title a { color : #000; }

.main-cat .content .con-cat { margin : 10px 0; }

.main-cat .content .con-cat img { width : 154px; height : 108px; text-align : left }

.main-cat .content .con-cat .right { width : 195px; margin : 0 0 0 10px; }

.main-cat .content .con-cat .right .desc { text-align : justify; }

.main-cat .content .con-cat .right .more { text-align : right; }

.top-news { padding : 10px 0; }

.top-news li {
    background      : url("../images/top-news.gif") no-repeat scroll left center transparent;
    list-style-type : none;
    margin          : 5px 10px 0 0;
    padding         : 0 20px;
    text-align      : left;
}

#tcs-product-right { margin : 0 0 0 10px; width : 208px; }

#tcs-product-right .box,#tcs-left .box { border : solid 1px #ccc; padding : 10px; margin : 0 0 10px 0; }
#tcs-left .box{margin:10px 0;}

.main-right .support .title {
    background   : url("../images/support.jpg") no-repeat scroll left center transparent;
    height       : 16px;
    margin-left  : 10px;
    margin-top   : 7px;
    padding-left : 25px;
    text-align   : left;
}

#tcs-product-right .support .list { text-align : left; padding : 5px; margin : 5px 0; }

#tcs-product-right .support .list li { padding : 5px 0; }

#tcs-product-right .support .list li .name { padding : 0 0 0 5px; color : #000; font-weight : bold; }

#tcs-product-right .ads img { width : 100%; }

.gold .type li {
    display    : inline;
    background : url("../images/bg-right-gold.jpg") repeat-x scroll 0 0 transparent;
    font-size  : 11px;
    height     : 25px;
    text-align : center;
    width      : 60px;
    padding    : 5px;
    text-align : center;
    cursor     : pointer;
}

.gold .type li.active { background : url("../images/bg-right-gold-active.jpg") repeat-x scroll 0 0 transparent; }

.gold .statis { margin : 11px 8px; width : 170px; }

.gold .statis .name div { color : #fff; background-color : #F03E24; }

.gold .statis .name .country { width : 49%; }

.gold .statis .name .money { width : 50%; }

.gold .statis .value { border : solid 1px #ccc; }

.gold .statis .value { border-top : none; }

.gold .statis .value .country { text-align : center; width : 49%; }

.gold .statis .even .country, .gold .statis .even .money { background-color : #FFCFCB; }

.gold .statis .name .country, .gold .statis .value .country { border-right : solid #ccc 1px; }

.gold .statis .value .money { text-align : center; width : 50%; }

.gold .statis { border : 1px solid #888; }

.listviewed { border : solid 1px #ccc;margin: 10px;padding: 20px;text-align: center;}

.listviewed ul li { display : inline; padding : 0 4px; }

.listviewed ul li.end { padding : 0 !important; }

.view-image {
    border-width  : 0;
    cursor        : pointer;
    height        : 50px;
    padding-right : 10px;
    width         : 88px;
}

#vs_footer {
    background  : url("../images/bg-footer.png") no-repeat scroll 0 0 transparent;
    margin-left : -4px;
    position    : relative;
    text-align  : center;
    width       : 1020px;
    padding     : 23px 0 0;
    display     : inline-block;
    background-color: #D4D4D4;
}

#vs_footer .fleft {
    font-size   : 11px;
    line-height : 22px;
    margin      : 0;
    padding     : 5px 0 30px 16px;
    text-align  : left;
}

#vs_footer .fright {
    font-size   : 11px;
    line-height : 20px;
    margin      : 0;
    padding     : 5px 13px 0 16px;
    text-align  : right;
}

#vs_footer .fright ul li { display : inline; border-right : solid 1px #ccc; padding : 0 15px; }

#vs_footer .fright ul li.end { border : none !important; }

#vs_footer .fright ul li a { color : #000; }

#vs_footer .fright p { font-size : 12px; margin : 2px 15px 0 0 !important; }

.fend {
    background : url("../images/bg-footer-end.png") no-repeat scroll 0 0 transparent;
    height     : 56px;
    margin     : 0;
    width      : 1016px;
    display    : inline-block;
    margin-top : 0;
    overflow   : hidden;
    position   : relative;
    width      : 1016px;
    background-color: #D4D4D4;
}

#tcs-container {
    overflow : hidden;
}

#tcs-product-left {
    width : 785px;
    margin-top:10px;
}
#product_new{width:728px;}
#tcs-product{padding: 0 10px;}
#navigation{width:728px;}
#tcs-product-right {
    width  : 200px;
    margin-top: 10px;
}

#tcs-left {
    float : left;
    width : 240px;
    padding-right: 5px;
    padding-left:10px;
}
#tcs-content{
    width: 755px;
}
.newHomeBox{
    width: 392px;
    float: left;
    margin-top: 3px;
}
.title_sidebar {
    border      : 1px solid red;
    line-height : 15px;
    height: 27px;
    font-weight : 700;
    background: url("bg_sp.gif");
    border:1px solid #fff;
}
.title_sidebar p{
    color: #fff;
    text-align: center;
    padding-top: 5px;
    font-size: 15px;
}
.danhmuc{
    padding: 0 1px 0;
}
.danhmuc ul.pMenu {
    border: 1px solid #ccc;
    border-top: none;
}

.danhmuc ul>li {
    display       : block; clear : both;
    position      : relative;
    border-bottom : 1px solid #ccc;
    border-top : none;
    line-height   : 27px;

}
.danhmuc ul li a{
    display: block;
    padding: 0 5px 0 10px;
}
.danhmuc ul li:last-child {
    border-bottom : none;
}
.danhmuc ul.pMenu>li>a{
    font-weight: 700;
}

.danhmuc ul.left-sub {
    position   : absolute;
    z-index    : 100000000000;
    background : #fff;
    width      : 215px;
    left       : 215px;
    display: none;
    border: 1px solid #ccc;;
    top: 0px;
}
.danhmuc ul>li:hover>ul{
    display: block;
}
